<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<h:head>

    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"></link>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"></link>
    
</h:head> 



<body> 
<div class="row">
  <div class="span9">
    Coluna nível 1
    <div class="row" style="background-color: aqua;">
      <div class="span3" style="background-color: red">Nível 2</div>
      <div class="span6" style="background-color: blue">Nível 2</div>
    </div>
  </div>
</div>


    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body> 
</html>
